<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>

<html>

<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />
					
<script type="text/javascript">
$(document).ready(function() {
	var fechaActual = new Date();
    var dd = fechaActual.getDate();
    var mm = fechaActual.getMonth()+1; // indice 0
    var yyyy = fechaActual.getFullYear();
    if(dd<10){dd='0'+dd;} if(mm<10){mm='0'+mm;} var fechaActual = dd+'/'+mm+'/'+yyyy;
    
	$("#Modificar").click(function(){	
	    if ($("#subprograma").val() == "") {
	    	alert("Debe ingresar un nombre para el subprograma.");
	        $("#subprograma").focus();
	    	return false;
	    }
	    if ($("#codearea").val() === ""){
	        alert("Debe seleccionar una Subsecretaria.");
	        return false;
	    }
	    if ($("#programa").val() === "1") {
	        alert("Debe seleccionar un programa.");
	        $("#programa").focus();
	        return false;
	    }
	    if ($("#diasutil").val() == "") {
	    	alert("Debe ingresar cada cuanto se entregara el beneficio.");
	        return false;
	    }
	    if ($("#diasrenovar").val() == "") {
	    	alert("Debe ingresar cada cuanto se renovar el beneficio.");
	        return false;
	    }
	    if ($("#Administrador").val() == "") {
	    	alert("Debe ingresar un administrador para el beneficio.");
	        return false;
	    }    
	    if ($("#desde").val() == "") {
	    	alert("Debe ingresar el inicio de vigencia del beneficio.");
	        $("#desde").focus();
	        return false;
	    }
	    if ($("#hasta").val() == "") {
	    	alert("Debe ingresar la finalizacion de la vigencia del beneficio.");
	        $("#hasta").focus();
	        return false;
	    }
	    //validar fecha inicio y fin string valido.
		var fDesdeValida = isDate($("#desde").val());
		var fHastaValida = isDate($("#hasta").val());
		if(!fDesdeValida){
			alert('Fecha inicio no valida.');
			return false;
		}else if(!fHastaValida){
			alert('Fecha finalizacion no valida.');
			return false;
		}else{
			if( $.datepicker.parseDate("dd/mm/yy", $("#desde").val()) > $.datepicker.parseDate("dd/mm/yy", $("#hasta").val())){
				alert('La fecha inicial no puede ser mayor a la fecha de finalizacion.');
				return false;
			}
		}
	    
	    
	    var fecha1 = new String($("#desde").val());
	    var fecha2 = new String($("#hasta").val());
	    var posterior = "";
	    var anterior = "";
	    var arrayFecha = fecha2.split("/");
	    posterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
	    arrayFecha = fecha1.split("/");
	    anterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
	        
	    if (parseInt(anterior)>=parseInt(posterior)){
	    	alert("Las fechas no son permitidas!!!");
	    	return false;
	    }
	       
	        
	    dias = parseInt($("#diasutil").val());
	        
	    var arrayFecha1 = fecha1.split("/");
	    var arrayFecha2 = fecha2.split("/");
	  
	    var anos = arrayFecha2[0] - arrayFecha1[0];
	    var meses = arrayFecha2[1] - arrayFecha1[1];
	    var dia = arrayFecha2[2] - arrayFecha1[2];
	        
	    var total =  (anos*365 +  meses*30 +  dia);
	    
	    if (dias >= total){
		    alert("Los dias del beneficio son superiores a las fechas de Vigencia!!.");
		    document.frmModificarSub.diasutil.focus();
		    return false;
	    }
	      
	    diasrenovar = parseInt($("#diasrenovar").val());
	      
	    var arrayFechar1 = fecha1.split("/");
	    var arrayFechar2 = fecha2.split("/");
	    var anos = arrayFecha2[0] - arrayFecha1[0];
	    var meses = arrayFecha2[1] - arrayFecha1[1];
	    var dia = arrayFecha2[2] - arrayFecha1[2];
	          
	    var totalr =  (anos*365 +  meses*30 +  dia);
	    
	    if (diasrenovar >= totalr){
	    	alert("Los dias del beneficio a renovar son superiores a las fechas de Vigencia!!.");
	        $("#diasrenovar").focus();
	        return false;
	    }
	          
	    if (dias > diasrenovar){
	        alert("Los dias que se deben entregar el beneficio debe ser menor a los dias que se va a renovar!!.");
	        $("#diasrenovar").focus();
	        return false;
	    }
	          
	    valor = document.frmModificarSub.valor.value;
	    if (valor<0){ 
	    	alert("El Valor Unitario del Beneficio debe ser un numero entero.");
	        $("#valor").focus();
	        return false; 
	    }         
	    //valido el campo Grupo Familiar
	    if (document.frmModificarSub.grupo.selectedIndex==0){ 
	    	alert("Debe seleccionar una opcion para el grupo familiar!!!.");
	        $("#grupo").focus();
	        return 0; 
	    } 
	    //valido el campo BD Estudiantes 
	    if (document.frmModificarSub.estudiantes.selectedIndex==0){ 
	        alert("Debe seleccionar una opcion para el campo estudiantes!!!.");
	        $("#estudiantes").focus();
	        return 0; 
	    } 
	   	$("#frmModificarSub").submit();
	});
	
	$("#vigencia").change(function(){
		if($("#vigencia").val() === 'I'){
			$("#razon").prop('disabled', false);
		}else{
			$("#razon").prop('disabled', true);
			$("#razon").val('');
		}
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#desde").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#hasta").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<title>Detalle Subprograma</title>
<script type="text/javascript">
function fprograma(){
	document.frmModificarSub.action ="<%=request.getContextPath() + "/subprogramas/ModificarSubprograma.do"%>";
    document.frmModificarSub.submit();
}
      
function ismaxlength(obj){
	var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : "";
    if (obj.getAttribute && obj.value.length>mlength)
    	obj.value=obj.value.substring(0,mlength);
}
  
function validate(field) {
	var valid = "0123456789";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    	temp = "" + field.value.substring(i, i+1);
      	if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    	alert("Datos no validos, solo se permiten Numeros!!");
        field.focus();
        field.select();
    }
}        
</script>
</head>

<body>
	<form name="frmModificarSub" id="frmModificarSub" method="get"
		action="<%=request.getContextPath() + "/subprogramas/ModSubprograma.do"%>">
		<div align="center">
			<table
				style="width: 100%; border: 0; padding: 3px; border-spacing: 3px;">
				<tr>
					<td>
						<DIV align="center" class="titulosenblanco">
							Actualizaci&oacute;n de la Informacion del Beneficio
						</DIV>
					</td>
				</tr>
			</table>
		</div>
		<P align="center" class="titulosenblanco"></P>
		<P></P>

		<input type="hidden" name="admincodigo" id="admincodigo" />
		<logic:iterate id="beneficio" length="1" name="coBeneficio"
			scope="request">
			<div align="center">
				<table style="width: 70%; border: 0; padding: 3px; border-spacing: 3px;">
					<tr>
						<td class="celdatabla">
							<STRONG>Nombre (*)</STRONG>
						</td>
						<td>
							<input type="text" class="form" name="subprograma" id="subprograma"
								value="<bean:write name="beneficio" property="nombre"/>"
								maxlength="300" size="100" />
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Programa (*)</STRONG>
						</td>
						<td class="celdatabla">
							<logic:iterate length="1" id="prog"
								name="programas"
								type="co.gov.medellin.ssti.sub.model.vo.ProgramaVO">
								<%
									String strCodeprog = (String) request
													.getAttribute("codeProg");
											if (strCodeprog == null) {
								%>
								<bean:define id="codeprog" name="beneficio"
									property="codePrograma"></bean:define>
								<%
									strCodeprog = (String) codeprog;
											}
								%>
								<html:select name="prog" styleId="prog" property="code" title="programa"
									styleClass="formInputOutput300px" value="<%=strCodeprog%>"
									onchange="fprograma()">
									<option value="nulo">Seleccione un Programa</option>
									<html:options name="prog" labelProperty="nombre"
										property="code" collection="programas" />
								</html:select>
							</logic:iterate></td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Secretar&iacute;a (*)</STRONG>
						</td>
						<td>
							<%
								String strSecretaria = (String) request
											.getAttribute("secretaria");
							%> <input type="text" class="formInputOutput300px" name="secretaria" id="secretaria"
								readonly="readonly" value="<%=strSecretaria%>" maxlength="60" size="60" />
						</td>
					</tr>
					<tr>
						<td class="celdatabla"><STRONG>Subsecretaria (*)</STRONG></td>
						<td>
							<bean:define id="subarea" name="beneficio" property="codeArea" />							
							<%-- <logic:iterate length="1"
								id="subsec" name="coSubSecret"
								type="co.gov.medellin.ssti.sub.model.vo.AreaVO">
								<html:select name="subsec" styleId="subsec" property="codearea"
									title="subsecretaria" styleClass="formInputOutput300px"
									value="<%=subarea.toString()%>">
									<option value="">Seleccione una Subsecretaria</option>
									<html:options name="subsec" labelProperty="nombresubarea"
										property="codearea" collection="coSubSecret" />
								</html:select>
							</logic:iterate> --%>
							
							<html:select name="subsec" styleId="subsec" property="codearea"
								title="subsecretaria" styleClass="formInputOutput300px"
								value="<%=subarea.toString()%>">
								<option value="">Seleccione una Subsecretaria</option>
								<html:options name="subsec" labelProperty="nombresubarea"
									property="code" collection="coSubSecret" />
							</html:select>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Descripcion</STRONG>
						</td>
						<td>
							<textarea name="descripcion" id="descripcion" class="formInputOutput300px" cols="40" rows="5" onkeyup="return ismaxlength(this);"><bean:write name="beneficio" property="descripcion" /></textarea>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Cada&nbsp;cuanto&nbsp;se&nbsp;entregar&aacute;?&nbsp;(*)</STRONG>
						</td>
						<td>
							<input type="text" class="formInputOutput" name="diasutil" id="diasutil"
								value="<bean:write name="beneficio" property="diasReutilizar"/>"
								onblur="validate(this)" maxlength="10" size="10" />
							dias
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Cada&nbsp;cuanto&nbsp;se&nbsp;renovar&aacute;&nbsp;(*) </STRONG>
						</td>
						<td>
							<input type="text" class="formInputOutput" name="diasrenovar" id="diasrenovar"
								value="<bean:write name="beneficio" property="diasRenovacion"/>"
								maxlength="10" onblur="validate(this)" size="10" />
							dias
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Valor del Beneficio</STRONG>
						</td>
						<td>
							<input type="text" class="formInputOutput" name="valor" id="valor"
								value="<bean:write name="beneficio" property="valorUnitarioBeneficio"/>"
								maxlength="10" onblur="validate(this)" size="10" />
							$
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Inicio Vigencia</STRONG>
						</td>
						<td>
							<input type="text" class="formInputOutput" name="desde" id="desde"
								value="<bean:write name="beneficio" property="desdeVigencia"/>" /> 
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Finalizaci&oacute;n Vigencia</STRONG>
						</td>
						<td>
							<input type="text" class="formInputOutput" name="hasta" id="hasta"
								value="<bean:write name="beneficio" property="hastaVigencia"/>"/>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<P>
								<STRONG>Aplica solo para un miembro del grupo Familiar?(*)</STRONG>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</P>
						</td>
						<td>
							<bean:define id="grupofam" name="beneficio"
								property="grupoFamiliar"></bean:define> 
							<select name="grupo" id="grupo" class="formInputOutput">
								<option value="--">Elige una opci&oacute;n</option>
								<%
									String strGrupoFam = (String) grupofam;
										if (strGrupoFam.equals("S")) {
								%>
								<option value="S" selected="selected">Si</option>
								<option value="N">No</option>
								<%
									} else {
								%>
								<option value="N" selected="selected">No</option>
								<option value="S">Si</option>
								<%
									}
								%>
							</select>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Se valida contra la	BD de Estudiantes? (*)</STRONG>
						</td>
						<td>
							<bean:define id="valestu" name="beneficio"
								property="validarEstud"></bean:define> 
							<select name="estudiantes" id="estudiantes" class="formInputOutput">
								<option value="--">Elige una opci&oacute;n</option>
								<%
									String strValEstu = (String) valestu;
										if (strValEstu.equals("S")) {
								%>
								<option value="S" selected="selected">Si</option>
								<option value="N">No</option>
								<%
									} else {
								%>
								<option value="N" selected="selected">No</option>
								<option value="S">Si</option>
								<%
									}
								%>
							</select>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Se valida contra la	BD de SISBEN?</STRONG>
						</td>
						<td>
							<bean:define id="valsisben" name="beneficio"
								property="validarSisben"></bean:define> 
							<select name="sisben" id="sisben" class="formInputOutput">
								<option value="--">Elige una opci&oacute;n</option>
								<%
									String strValSisben = (String) valsisben;
										if (strValSisben.equals("S")) {
								%>
								<option value="S" selected="selected">Si</option>
								<option value="N">No</option>
								<%
									} else {
								%>
								<option value="N" selected="selected">No</option>
								<option value="S">Si</option>
								<%
									}
								%>
							</select>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Administrador (*)</STRONG>
						</td>
						<td>
							<input type="text" class="formInputOutput" value="<bean:write name="beneficio" property="nombreUsuario"/>"
								maxlength="45" size="35" name="Administrador" id="Administrador" readonly="readonly" /> 
								<a href='javascript:vpopUsers("<%=request.getContextPath() + "/jsp/subprogramas/usuariosadminsub.jsp"%>");'>
									<img border="0" src="<%=request.getContextPath() + "/images/addressbook.gif"%>"
										alt="Seleccionar un usuario administrador" width="16" height="16" />
								</a>
						</td>
					</tr>
					<tr>
						<td class="celdatabla"><STRONG>Vigencia</STRONG></td>
						<td>
							<bean:define id="vigen" name="beneficio"
								property="vigencia">
							</bean:define> 
								<select name="vigencia" id="vigencia" class="formInputOutput">
								<%
									String strVigencia = (String) vigen;
										if (strVigencia.equals("A")) {
								%>
								<option value="A" selected="selected">Activo</option>
								<option value="I">Inactivo</option>
								<%
									} else {
								%>
								<option value="I" selected="selected">Inactivo</option>
								<option value="A">Activo</option>
								<%
									}
								%>
								</select>
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<STRONG>Razon desactivar Beneficio</STRONG>
						</td>
						<td>
							<textarea name="razon" id="razon" disabled="disabled" class="formInputOutput300px" cols="40" rows="5"><bean:write name="beneficio" property="comentario" /></textarea>
						</td>
					</tr>
					
					<tr>				
						<c:set var="paraEmpresa" value="${requestScope.paraEmpresa}" />				
						<td class="celdatabla" width="8%" align="left">
								<STRONG>Es para empresa?</STRONG>						
						</td>
							<td width="74%">
								<select name="paraEmpresa" class="form" >
									<option value="N" ${paraEmpresa eq "N" ? 'selected="selected"' : ''}>No</option>
									<option value="S" ${paraEmpresa eq "S" ? 'selected="selected"' : ''}>Si</option>
								</select>
							</td>
						</tr>
					
					<tr>
					
					<tr>						
						<td>
							<input type="hidden" name="ori" id="ori" value="mod" /> 
							<input type="hidden" name="programa" id="programa" /> 
							<input type="hidden" name="admon" id="admon" value="<bean:write name="beneficio" property="codeUsuario"/>" />
							<input type="hidden" name="Subprograma" id="Subprograma" value="<bean:write name="beneficio" property="code"/>" /> 
							<input type="button" name="Modificar" id="Modificar" value="Modificar" />&nbsp;
						</td>
					</tr>
					<tr>
						<td class="celdatabla">
							<a href="javascript:window.history.back()"> 
								<img src="<%=request.getContextPath() + "/images/BACK1-1.gif"%>" border="0" />
							</a>
						</td>
					</tr>
				</table>
			</div>
		</logic:iterate>
	</form>
</body>
</html>
